草庐IT

CSS 响应中心 Div

全部标签

javascript - 将鼠标悬停在 jquery 上,将 Div 展开

我实际上是在尝试在表格中构建产品列表。我已经有了从数据库中获取数据并将其放置在页面中的php代码,但我受困于jquery和javascript,我在这方面是个菜鸟。我一直在阅读一些文档,然后我使用了这个脚本:JavaScript$(window).load(function(){$('.principale').hover(function(){$(this).animate({width:215,height:350,margin:0,},'fast');/*$(this).animate().css('box-shadow','0010px#44f')*/$(this).anima

javascript - 使用 AngularJS 在滚动条上隐藏一个 div

我是AngularJS的新手。当用户在div“B”上滚动时,我想在AngularJS中隐藏div“A”。目前,当用户使用ng-click单击div“B”时,我可以隐藏div“A”,但我找不到任何方法来使用AngularJS滚动。我知道,我可以使用JQuery来隐藏div,但是有什么方法可以使用AngularJS来实现吗?更新:我创建了一个滚动指令并附加了$window。现在,如果我滚动整个窗口,div将被隐藏,但我想在滚动特定的div时隐藏它。我当前的实现如下所示:app.directive("scroll",function($window){returnfunction(scope

javascript - 在原型(prototype)中使用 css 选择器触发点击事件

我是Prototypejs的新手。我有一个这样的元素,Save&Close我有一个anchor标记选择器,$$('#toolbar-savea')。通过使用此选择器,我如何触发click事件?或者你可以建议的任何其他方式?提前致谢。 最佳答案 $$('#toolbar-savea')[0].click();FIDDLE 关于javascript-在原型(prototype)中使用css选择器触发点击事件,我们在StackOverflow上找到一个类似的问题:

javascript - CSS Transform Math - 计算倾斜引起的div的高度

我很难弄清楚如何计算由倾斜引起的div容器的额外高度。我正在屏蔽容器内的图像并使用plugin调整它的大小.容器不会始终具有相同的高度和宽度,因此使用固定尺寸是行不通的。请看我的demo.http://jsfiddle.net/RyU9W/6/HTMLCSS#profiles{margin-top:300px;transform:skewY(-30deg);-ms-transform:skewY(-30deg);/*IE9*/-webkit-transform:skewY(-30deg);/*SafariandChrome*/}.profile{cursor:pointer;float

javascript - CKEditor 4 : How to add CSS stylesheet from plugin?

暂时试过了,但是没有成功editor.addCss(this.path+'tabber.css');editor.document.appendStyleSheet(this.path+'tabber.css');完整代码(function(){CKEDITOR.plugins.add('tabber',{init:function(editor){editor.ui.addButton('addTab',{command:'addTab',icon:this.path+'icons/tabber.png',label:Drupal.t('Inserttabs')});editor.a

javascript - meteor js 铁路由器 : apply CSS change whenever route changes

我的应用程序中有主页、联系页面和其他几个与产品相关的页面。目标是仅将背景图像应用于特定路线:/homepage和/contact。如果用户离开任一路线,应用一些CSS更改。我现在正在和我主页上的一个助手一起破解这个,就像这样:Template.homepage.rendered=function(){varroute=Router.current();if(route.path=='/'){document.body.className="showBackgroundImage";}};这里部分获胜,因为这将激活css,但我需要在路线更改时停用。我还在我的router.js中尝试了以下

javascript - 如何检查特定div下的特定文本框是否为空

我有这个代码:我需要让用户知道他是否将文本框留空,我尝试过类似的方法..(不起作用)我错过了什么?$('.greenDiv>input:text').blur(function(){if(!$(this).val()){alert("fillthisfield");}}); 最佳答案 尝试使用input[type=text]代替$('.greenDiv>input[type=text]').blur(function(){if(!$.trim($(this).val())){alert("fillthisfield");}});

javascript - 从 http header 响应中获取日期

好的,我可以使用访问HTTPajax响应headerxhr.getAllResponseHeaders();但它似乎没有得到日期,尽管它在那里:[Chrome]**ResponseHeader**Access-Control-Allow-Origin:*Cache-Control:no-cacheContent-Length:8092Content-Type:application/json;charset=utf-8**Date:Thu,15Jan201516:30:13GMT**Expires:-1Pragma:no-cacheServer:Microsoft-IIS/8.0Tot

javascript - 如何使 jointjs 文件响应?

我刚刚发现了javascript库JointJs,我用纸和矩形实现了一个图形。但是,当我减小浏览器大小时,我无法使其响应,我的图形无法正确显示。如何使用jointjs使我的论文具有响应性? 最佳答案 您最初可以将纸张设置为与其包含元素相同的尺寸,但这只会在创建纸张时进行初始计算。如果您想在调整浏览器大小时更改纸张大小,则需要对调整大小事件使用react。首先,您需要将overflow设置为hidden在您的容器上,否则它的尺寸将拉伸(stretch)以适合其子级,并且如果您缩小浏览器它也不会缩小。#modelCanvas{overf

javascript - Angular2 缓存 HTTP 响应的最简单方法

这个问题在这里已经有了答案:WhatisthecorrectwaytosharetheresultofanAngularHttpnetworkcallinRxJs5?(22个答案)关闭6年前。我有一个页面向同一位置发出http请求,只是根据用户的需要使用不同的参数。所以我的代码看起来像这样:this.http.post(//IamopentoPOSTmethodsorGETmethodsasIhavesecurityinthebacktopreventmaliciouswrites.'http://192.168.1.45:3000/mylocation','p1='+param1+'